Wesbos - Dev Tools (개발자 도구)


DevTools


Interpolated

'hello %s', 'hoonjoo'

1
2
console.log("hello my name is %s What's your name?", 'hoonjoo');
// 결과값 : hello my name is hoonjoo What's your name?

%s의 활용


Styled

1
2
3
4
5
// CSS를 컨트롤 할 수도 있다!
console.log(
'%c I can change my style by this',
'font-size : 50px; color : #BADA55'
);

warning

09%20Dev%20Tools%20(%E1%84%80%E1%85%A2%E1%84%87%E1%85%A1%E1%86%AF%E1%84%8C%E1%85%A1%20%E1%84%83%E1%85%A9%E1%84%80%E1%85%AE)%20bff49645b59a40b6b0d2c9a7b7cc7488/Untitled%202.png

1
2
// 콘솔 창에 경고 표시를 할 수 있음
console.warn('stop');

error

error

1
2
// 콘솔 창에 오류 표시를 할 수 있음
console.error('stop');

Info

1
console.info('');

Testing

1
assert(1 === 1, 'That's Wrong!')

Cleaning

1
console.clear();

Grouping Together

1
2
3
4
5
6
7
8
9
dogs.forEach(dog ⇒ {

console.group(``${dog.name}``)

console.log(`${dog.name} is ${dog.old} years old`)

console.groupEnd(`${dog.name}`);

});

count

1
console.count();

time

1
2
// 불러오는데 얼마나 걸리는지?
console.time();

Author

Hoonjoo

Posted on

2022-01-04

Updated on

2022-02-07

Licensed under

Comments